<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="lib/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="lib/website/tb-page.css" rel="stylesheet">
    <script src="lib/jquery/jquery.1.10.2.min.js"></script>
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="lib/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="lib/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="lib/website/function.js"></script>  
    <script src="lib/website/interface.js"></script>
    <style type="text/css">
    .form-horizontal .control-label {
        text-align: left;
    }
    </style>
</head>

<body>
    <div class="container-fluid">
        <div class="row">
            <nav class="navbar navbar-default">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-top">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">辽宁环保攻坚考核系统</a>                
                </div>
                <div class="collapse navbar-collapse" id="navbar-top">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">考核结果</a></li>
                        <li><a href="assess-department.html">考核评分</a></li>
                        <li><a href="assessed.html">数据上报</a></li>
                        <li><a href="dataAnalysis.html">数据分析</a></li>
                        <li class="active"><a href="userCenter.html">用户管理</a></li>
                    </ul>
                </div>
            </nav>
        </div>
        <div class="row header">
            <div class="col-md-8 col-sm-8">
                <h3>辽宁环保攻坚考核系统</h3>
            </div>
            <div class="col-md-4 col-sm-4 ">
                <h6 class="text-right">欢迎您! XX管理员@XXX.com</h6>
            </div>
        </div>
        <div class="content">
            <div class="row">
                <div class="col-md-12">
                    <form class="form-horizontal">
                        <fieldset>
                            <div class="form-group">
                                <label class="col-md-1 control-label"><i class="glyphicon glyphicon-play text-primary"></i> 部门类别</label>
                                <div class="col-md-5">
                                    <div class="radio">
                                        <label><input type="radio" name="radios" id="radios" value="option1" checked=""> 牵头考核部门 </label>&nbsp;
                                        <label><input type="radio" name="radios" id="radios" value="option2"> 被考核单位 </label>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
            <div class="row" id="toolbar">
                <div class="col-md-12">
                    <a href="#" class="btn btn-info">查询</a>
                    <a href="#" class="btn btn-primary">新建用户</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <table class="table table-striped table-hover table-bordered" id="table">
                        <thead>
                            <tr>
                                <th data-checkbox='true'>全选</th>
                                <th>用户名</th>
                                <th>角色</th>
                                <th>状态</th>
                                <th>所属部门/城市</th>
                                <th>联系人</th>
                                <th>联系人电话</th>
                                <th>联系人邮箱</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
createTable("#table", null, '#toolbar');
</script>

</html>